<!DOCTYPE html>
<html lang="zh">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/style.css" />
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src="js/index.js"></script>
	<script src="js/client.js"></script>
	<title>吃瓜PC登陆</title>
</head>
<body>
	<header>
		<div class="_warp">
			<a href="#">
				<img src="img/logo.png" class="pull-left" alt="" />
			</a>
			<a href="#" class="pull-right">登陆/注册</a>
		</div>
	</header>
	<section class="content_warp">
		<div class="bg">
			<div class="login_warp">
				<div class="login">
					<div class="login_tab">
						<ul class="row" id="myTabs">
							<li class="col-xs-6 text-center li_active">
								登陆
							</li>
							<li class="col-xs-6 text-center">
								注册
							</li>
						</ul>
					</div>
					<div id="login_content">
						<div class="login_content_tab">
							<div class="login_form">
								<form>
									<div class="form-group">
										<label class="sr-only">用户名</label>
										<div class="input-group">
											<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
											<input type="email" class="form-control" placeholder="请输入手机/邮箱/昵称">
										</div>	
									</div>
									<div class="form-group">
										<label class="sr-only">密码</label>
										<div class="input-group">
											<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
											<input type="password" class="form-control" placeholder="请输入密码">
										</div>
									</div>
									<div class="form-group">
										<a href="#">忘记密码?</a>
									</div>
									<button type="submit" class="btn btn-danger btn-block">登陆</button>
								</form>
							</div>
							<div class="login_form" style="text-align: center;margin-top: 30px;">
								<div class="row">
									<div class="col-xs-4">
										<a id="a_login_wechat" href="#"><img src="img/wechat.png" alt="" /></a>
									</div>
									<div class="col-xs-4">
										<a id="a_login_qq" href="#"><img src="img/qq.png" alt="" /></a>
									</div>
									<div class="col-xs-4">
										<a id="a_login_weibo" href="#"><img src="img/weibo.png" alt="" /></a>
									</div>
								</div>
							</div>
						</div>
						<div class="login_content_tab" style="display: none;">
							<div class="login_form">
								<form>
									<div class="form-group">
										<label class="sr-only">用户名</label>
										<div class="input-group">
											<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
											<input type="email" class="form-control" placeholder="请输入手机/邮箱/昵称">
										</div>	
									</div>
									<div class="form-group">
										<label class="sr-only">验证码</label>
										<div class="input-group">
											<span class="input-group-addon"><i class="glyphicon glyphicon-phone"></i></span>
											<input type="email" class="form-control" placeholder="请输入验证码">
											<span class="input-group-btn"><button class="btn btn-danger" type="button">获取验证码</button></span>
										</div>	
									</div>
									<div class="form-group">
										<label class="sr-only">密码</label>
										<div class="input-group">
											<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
											<input type="password" class="form-control" placeholder="请输入密码">
										</div>
									</div>
									<div class="form-group">
										<span>点击注册即代表同意</span><a href="#" style="color:dodgerblue;">《吃瓜用户协议》</a>
									</div>
									<button type="submit" class="btn btn-danger btn-block">登陆</button>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
</body>
</html>